<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/statics/css/sapar.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/common.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/my_order.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/bootstrap.min.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/sapar.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/WdatePicker.js"></script>
<title>挂账维修单</title>
</head>
<body>
	<div id="saper-container">
		<div id="saper-hd"></div>
		<div id="saper-bd">
			<div class="subfiled clearfix">
				<h2>挂账维修单</h2>
			</div>
			<div class="subfiled-content">
				<form name="f1" id="f1" action="" method="post">
					<div class="search-box clearfix">
						<div class="kv-item clearfix">
							<label>订单号：</label>
							<div class="kv-item-content">
								<input type="text" placeholder="订单号" />
							</div>
						</div>
						<div class="kv-item clearfix">
							<label>所属店铺：</label>
							<div class="kv-item-content">
								<input type="text" placeholder="所属店铺" />
							</div>
						</div>
						<div class="kv-item clearfix">
							<label>送修品牌：</label>
							<div class="kv-item-content">
								<input type="text" placeholder="送修品牌" />
							</div>
						</div>
						<div class="kv-item clearfix">
							<label>创建日期：</label>
							<div class="kv-item-content time-select-wrap">
								<div class="time-select">
									<input type="text"
										onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="" />
									<i class="date-icon"></i>
								</div>
								<span class="line">-</span>
								<div class="time-select">
									<input type="text"
										onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="" />
									<i class="date-icon"></i>
								</div>
							</div>
						</div>
						<a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn">查询</a>
					</div>
				</form>
				<!--表格开始-->
				<div class="table">
					<a href="#mymodal" class="btn btn-primary" data-toggle="modal">新增挂账单</a>
					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>
									<th>序号</th>
									<th>维修单号</th>
									<th>挂账类型</th>
									<th>客户姓名</th>
									<th>联系电话</th>
									<th>挂账金额</th>
									<th>挂账时间</th>
									<th>挂账人</th>
									<th>收款人</th>
									<th>收款时间</th>
									<th>结算方式</th>
									<th>审核状态</th>
									<th>所属店铺</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1</td>
									<td><a class="blue bold" href="javascript:;">141212297794</a>
										<!--	<p class="red bold">[促销]</p>--></td>
									<td>出库</td>
									<td>李斯特</td>
									<td>13457684598</td>
									<td>华为</td>
									<td>
										<p class="orange bold">2012-12-01</p>
									</td>
									<td>1</td>
									<td>2</td>
									<td>
										<p class="orange bold">2012-12-12</p>
									</td>
									<td>微信</td>
									<td>已支付</td>
									<td>
										<p>长沙手机维修</p>
									</td>
								</tr>
								<tr style="background-color: #EFF6FA;">
									<td>2</td>
									<td><a class="blue bold" href="javascript:;">141212297794</a>
										<!--	<p class="red bold">[促销]</p>--></td>
									<td>维修</td>
									<td>李斯</td>
									<td>13457684598</td>
									<td>华为</td>
									<td>
										<p class="orange bold">2012-12-01</p>
									</td>
									<td>1</td>
									<td>2</td>
									<td>
										<p class="orange bold">2012-12-12</p>
									</td>
									<td>支付宝</td>
									<td>已支付</td>
									<td>
										<p>深圳手机维修</p>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!--表格结束-->
			</div>
		</div>
		<div id="saper-ft"></div>
	</div>

	<!--弹出的模态框-->
	<div id="mymodal" class="modal fade">
		<!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
		<div class="modal-dialog modal-dialog">
			<!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
			<div class="modal-content">
				<form action="" method="post" enctype="multipart/form-data">
					<!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<center>
							<h3 class="modal-title">结算销售单详情</h3>
						</center>
					</div>
					<div class="media-body">
						<div class="addjiejidan">
							<center>
								<table bordercolor="lightgray" border="2">
									<tr align="right">
										<td>订单编号</td>
										<td><input type="text" class="form-control" /></td>
									</tr>
									<tr>
										<td>挂账金额</td>
										<td><input type="text" class="form-control" /></td>
									</tr>
									<tr>
										<td>结算方式</td>
										<td><select class="form-control">
												<option value="-1">请选择</option>
												<option value="0">微信</option>
												<option value="1">支付宝</option>
										</select></td>
									</tr>
									<tr align="right">
										<td>结款人</td>
										<td><input type="text" class="form-control" /></td>
									</tr>
									<tr>
										<td>审核人</td>
										<td><input type="text" class="form-control" /></td>
									</tr>
									<tr>
										<td>备注</td>
										<td><input type="text" class="form-control" /></td>
									</tr>
								</table>
							</center>
						</div>
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" data-dismiss="modal">关闭</button>
						<input type="submit" value="新增" class="btn btn-primary" />
					</div>
				</form>
			</div>
		</div>
	</div>

	<script type="text/javascript"
		src='${pageContext.request.contextPath }/statics/js/jquery-1.12.4.js'></script>
	<script type="text/javascript"
		src='${pageContext.request.contextPath }/statics/js/bootstrap.js'></script>
	<script type="text/javascript">
		$('select').iSelect();
	</script>
</body>
</html>